<script setup lang="ts">
import { RouterView } from 'vue-router'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import dayjs from 'dayjs'
import { ConfigProvider, StyleProvider, legacyLogicalPropertiesTransformer } from 'ant-design-vue'
dayjs.locale('zh-cn')
</script>

<template>
  <ConfigProvider
    :locale="zhCN"
    :theme="{
      token: {
        fontFamily: `-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;`,
        borderRadius: 4
      },
      components: {}
    }"
  >
    <StyleProvider hash-priority="high" :transformers="[legacyLogicalPropertiesTransformer]">
      <RouterView />
    </StyleProvider>
  </ConfigProvider>
</template>
